<section class="box" style="margin-top: 9px;">
  <header class="panel_header">
  <h2 class="title pull-left">{{'商品销售月走势'|translate}}</h2>
  </header>
  <div class="content-body">
    <div echarts [loading]="vm.loading" [data]="vm.data" [column]="vm.column" [type]="vm.type" class="chart-container" style="height: 406px;" ></div>
  </div>
</section>
<div style="position: relative;" class="mt10">
  <mat-card>
    <mat-card-title class="clearfix">
      {{'商品月销售'|translate}}
    </mat-card-title>
    <div class="divider"></div>
    <ngx-busy [busy]="offEvenet"></ngx-busy>
    <table class="responsive-table bordered highlight">
      <thead>
        <tr>
          <th *ngFor="let column of columns;let $index = index" [innerHTML]="column|translate"> </th>
        </tr>
      </thead>
      <tbody>
        <tr *ngFor="let shop of vm.data;let $index = index;">
          <td>{{shop.date | dateFormat}}</td>
          <td>{{shop.monthSellAmount | number:'1.0-0'}}</td>
          <td><span class="tm-yen">¥</span>{{shop.monthSellMoney | number:'1.0-2'}}</td>
          <td><span class="tm-yen">¥</span>{{shop.monthPrice | number:'1.0-2'}}</td>
        </tr>
        <tr>
          <td><b>{{'合计'|translate}}</b></td>
          <td><b>{{monthSellResulet.monthSellAmount | number:'1.0-0'}}</b></td>
          <td><b><span class="tm-yen">¥</span>{{monthSellResulet.monthSellMoney | number:'1.0-2'}}</b></td>
          <td></td>
        </tr>
        <tr *ngIf="vm.data.length ==0">
          <td colspan="10" class="center-align">{{'暂无数据'|translate}}</td>
        </tr>
      </tbody>
    </table>

  </mat-card>
</div>
